<template>
	<view class="page">
		<vk-data-page-header
			title="商品详情"
			subTitle=""
		>
		</vk-data-page-header>
		<view class="page-body" style="max-width: 800px;margin: 0 auto;">
			<view style="color: #1E1F20;font-size: 34px;line-height: 49px;">{{data.name}}</view>
			<view style="color: #171717;font-size: 20px;line-height: 29px;font-weight: bold;">{{data.userInfo.nickname}}</view>
			<view style="color: #171717;font-size: 20px;line-height: 29px;font-weight: bold;">{{vk.pubfn.timeFormat(data._add_time,"yyyy-MM-dd hh:mm")}}</view>
			<view style="height: 20px;"></view>
			<view v-html="data.goods_desc"></view>
			<el-row style="margin-top: 20px;">
				<el-col :span="3" style="color: #DD524D;">
					售价:{{skuInfo.price}}
				</el-col>
				<el-col :span="3" style="color: #DD6161;">
					库存:{{skuInfo.stock}}
				</el-col>
				<el-col :span="6" style="color: #DD6161;">
					销售状态: {{data.is_on_sale?'销售中':'已下架'}}
				</el-col>
			</el-row>
		</view>
	</view>
</template>


<script>
	var that;								// 当前页面对象
	var vk;									// 自定义函数集
	
	export default {
		data() {
			// 页面数据变量
			return {
				data:{
					userInfo: {
						nickname : ""
					}
				}
			}
		},
		onPageScroll(e) {
		},
		// 监听 - 页面每次【加载时】执行(如：前进)
		onLoad(options = {}) {
			that = this;
			vk = that.vk;
			that.getDetail(options);
			
		},
		// 监听 - 页面【首次渲染完成时】执行。注意如果渲染速度快，会在页面进入动画完成前触发
		onReady(){
			
		},
		// 监听 - 页面每次【显示时】执行(如：前进和返回) (页面每次出现在屏幕上都触发，包括从下级页面点返回露出当前页面)
		onShow() {

		},
		// 监听 - 页面每次【隐藏时】执行(如：返回)
		onHide() {
			
		},
		// 监听 - 页面触底部
		onReachBottom(){
			
		},
		// 监听 - 窗口尺寸变化(仅限:App、微信小程序)
		onResize(){
			
		},
		// 监听 - 点击右上角转发时
		onShareAppMessage(options) {
			
		},
		// 监听 - 页面创建时
		created() {
			
		},
		// 函数
		methods: {
			getDetail(options){
				vk.callFunction({
					url: 'client/find/pub/detail',
					title:'加载中',
					data:{
						item_id: options.id,
						category_type: "goods"
					},
					success:function(data){
						that.data = data.goodsInfo;
					}
				});
			}
		},
		// 过滤器
		filters:{
			
		},
		// 计算属性
		computed:{
			skuInfo(){
				
				if(this.data){
					
					if(this.data.skuInfo){
						
						let price = this.data.skuInfo[0].price;
						let stock = this.data.skuInfo[0].stock;
						
						price = (Number(price)/100).toFixed(2);
						
						return {
							price,
							stock
						}
					}
					
				}
				
				return {
					price: 0,
					stock: 0
				}
			}
		}
	}
</script>
<style lang="scss" scoped>
	
	
</style>
